<script>
	layui.use('table', function() {
		var $ = layui.$, table = layui.table, form = layui.form;
		//监听工具条
		table.on('tool(LAY-main-table)', function(obj) {
			var data = obj.data;
			if (obj.event === 'view') { // 查看操作
				active.view(data);
			} else if (obj.event === 'del') { // 删除操作
				active.del(data);
			} else if (obj.event === 'edit') { // 编辑操作
				active.edit(data);
			} else if (obj.event === 'preview') { // 预览操作
				active.preview(data);
			}
		});
		// 监听排序切换
		table.on('sort(LAY-main-table)', function(obj) {
			$("#sortField").val(obj.field);
			$("#sortType").val(obj.type);
			active.reload(); // Layui的数据表格排序被更新时无法自动从后台刷数据，所以这里手动刷新，期待Layui的下个版本
		});

		// 这里定义窗口中的各个按扭操作
		var active = {
			reload : function() {
				// 执行重载
				table.reload('LAY-main-table-ID', {
					page : {
						curr : 1 //重新从第 1 页开始
					},
					where : {
						name : $('#name').val(),
						goodsCategory : $('#goodsCategory').val(),
						status : $('#status').val(),
						sortField : $("#sortField").val(),
						sortType : $("#sortType").val()
					}
				});
			},
			add : function() { // 执行添加
				window.location.href = "#(ctx)/manage/goods/add";
			},
			edit : function(data){ // 执行编辑
				window.location.href = "#(ctx)/manage/goods/edit?id=" + data.id;
			},
			del : function(data){ // 执行删除
				layer.confirm('真的删除这条记录么？', function(index) {
					$.ajax({
						url : '#(ctx)/manage/goods/ajaxDel?id=' + data.id,
						type : "get",
						success : function(ret){
							if(ret.code == 0){
								//提交 Ajax 成功后，静态更新表格中的数据
								active.reload(); //数据刷新
								layer.close(index); //关闭弹层
							} else {
								if(ret.msg){
									layer.alert(ret.msg);
								} else {
									layer.alert("更新失败！");
								}
							}
						},
						error : function (e) {
							layer.alert("更新失败：" + e.responseText);
						}
					});

				});
			},
			view : function(data){
				layer.msg('ID：' + data.id + ' 的查看操作');
			},
			preview : function(data){
				window.open("#(ctx)/manage/goods/detail/" + data.id + ".html");
			}

		};

		// 用于响应各个按钮的点击事件
		$('.layui-btn').on('click', function() {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
	});

	//预览图片
	function imgReview(obj){
		layer.photos({
			photos: layui.$(obj).parent()
		});
	}
</script>
